
export default {
  config: {
    // 对应数据库内类型
    category: 'XInput',
    // 类型
    type: 'text',
    // 显示类型Arr
    typeArr: ['text', 'textarea'],
    // 选择属性隐藏类型
    hideType: {
      text: ['rows'],
      textarea: ['prepend', 'append']
    },
    // 控件左侧label内容
    label: '输入框',
    placeholder: '请输入',
    // 最大长度
    max: 30,
    min: 0,
    // 输入框行数
    rows: 3,
    // 前置文本
    prepend: null,
    // 后置文本
    append: null,
    value: '',
    // 表单name
    name: 'input'
  },
  name: 'XInput',
  render: (self, h) => {
    const data = self.ele
    return (
      <el-input
        v-model={data.value}
        input={self.$emit('input', data.value)}
        placeholder={data.placeholder}
        type={data.type}
        rows={data.rows}
        maxlength ={data.maxlength}
        class={{ form_input: true }}
        clearable
        attr={{}}
      >
        <template slot='prepend'>{data.prepend}</template>
        <template slot='append'>{ data.append }</template>
      </el-input>
    )
  }
}
